/* 
* @Author: Vita
* @Date:   2020-09-11 10:06:00
* @Last Modified by:   Vita
* @Last Modified time: 2020-09-21 10:57:31
*/

/*公共样式开始-------------*/
    /*头部*/
.ty-header{position: relative; width: 100%;overflow: hidden; background-color: #000;}

.ty-header .pfocus video{width: 100%;height: auto;display: none;}
.ty-header .afocus{display:block; background-color: #000;} 
.ty-header .afocus img{width:100%; height:100%;}

.ty-header .afocus{display: none;}
.ty-header .pfocus video{width: auto;height: auto;min-width: 100%; min-height: 100%;}
.ty-header .index_pfocus{position: relative;}
.ty-header .index_pfocus video{position: absolute;z-index:2;object-fit:fill;}

.ty-header .pfocus img{width: 100%; height: auto;}
.ty-header .focus-text{ bottom: 70px;}
.ty-header .focus-text .p1{font-size: 24px;padding-bottom: 10px;}
.ty-header .focus-text .p2{font-size: 54px; padding:23px 0;}
.ty-header .focus-text .p3{font-size: 48px;font-weight: bold; width:60%;}

.ty-header.focus-show .focus-text-box .wrap{ align-items: flex-end !important;}
.ty-header.focus-show .focus-text .pp1{font-size: 16px;padding-bottom: 10px;}
.ty-header.focus-show .focus-text .pp2{font-size: 48px;font-weight: bold; margin-bottom: 70px;}
.ty-header.focus-show .focus-text .pp3{font-size: 48px;font-weight: bold; width:60%; margin-bottom: 70px;}

.ty-header .focus-text h1{position: relative; font-weight: normal;  border: none; font-size: 24px; color:#fff;margin-bottom:5px;}
.ty-header .focus-text .desc{ margin: 0 auto;  border: none; color: #fff; font-size:50px; margin-bottom:10px;}
.ty-header .focus-text .btn{ font-size: 14px; cursor: pointer; margin: 15px 0;padding:0 60px; border:2px solid #fff;line-height: 52px; display:inline-block;color: #fff;}

.ty-header::after{content:'';position: absolute; top: 0;left: 0;height:100px;width:100%;z-index:998;background: -webkit-gradient(linear,left bottom,left top,from(transparent),to(rgba(0,0,0,.4)));background: linear-gradient(0deg,transparent,rgba(0,0,0,.4));background-size: cover;-webkit-transition: background .5s ease-in;transition: background .5s ease-in; }
.ty-pnav{ position: fixed; height:100px; top: 0;left: 0; z-index:999; width:100%;}
.ty-pnav  h1{ width: 71px;height: 61px;margin-left: 40px;}
.ty-pnav  h1 a{ background:url("../images/logo.png") no-repeat center center;background-size:80%; width:130px;height:71px;display:block;}
.ty-pnav a{color:#fff; z-index: 2;}
.ty-pnav .ty-pnav-box{ display: flex; justify-content: space-between; align-items: center;height:100px;}
.ty-pnav .ty-pnav-wrap{  position: relative; width: calc(100% - 111px); height: 100px;display: flex; justify-content: space-between;align-items: center;}
.ty-pnav .ty-pnav-wrap::after{ content:''; position: absolute; bottom:0px; left: 0; height:1px; width: 100%; background-color:rgba(255,255,255,.3);}
.ty-pnav .ty-pnav-wrap a{ overflow:unset;font-size: 15px;  margin:0 20px; }
.ty-pnav .ty-pnav-wrap a:hover { text-decoration: line-through; }

.ty-pnav .ty-pnav-title{ position: relative; display:inline-block; font-size: 14px; display:inline-block; color:#fff; margin-right: 20px; padding-right:20px;}

.ty-pnav .ty-pnav-contact{ position: relative; display:inline-block; font-size: 14px;display:inline-block; color:#fff; margin-left: 20px; padding-left:20px;
}
.ty-pnav .ty-pnav-contact a{ width: 23px; height: 23px; display: inline-block;}
.ty-pnav .ty-pnav-contact a:hover { opacity:0.6;}
.ty-pnav .ty-pnav-contact .about-icon{ background-image: url("../images/nav-icon_w.png"); background-position: 0; background-repeat: no-repeat;  }
.ty-pnav .ty-pnav-contact .news-icon{ background-image: url("../images/nav-icon_w.png"); background-position: -56px; background-repeat: no-repeat;}
.ty-pnav .ty-pnav-contact .contact-icon{ background-image: url("../images/nav-icon_w.png"); background-position: -102px; background-repeat: no-repeat;width: 32px; }

.ty-pnav.baidi{-moz-box-shadow: 0px 1px 1px #f1f1f1;box-shadow: 0px 1px 1px #f1f1f1;}
.ty-pnav.baidi  h1 a{background-image:url("../images/logo2.png"); }
.ty-pnav.baidi .ty-pnav-title::after,
.ty-pnav.baidi .ty-pnav-contact::after{background-color: #ccc;}
.ty-pnav.baidi a,
.ty-pnav.baidi .ty-pnav-title,
.ty-pnav.baidi .ty-pnav-contact{ color: #333;}
.ty-pnav.baidi .ty-pnav-contact .about-icon{ background-image: url("../images/nav-icon_b.png"); background-position: 0; background-repeat: no-repeat;  }
.ty-pnav.baidi .ty-pnav-contact .news-icon{ background-image: url("../images/nav-icon_b.png"); background-position: -56px; background-repeat: no-repeat;}
.ty-pnav.baidi .ty-pnav-contact .contact-icon{ background-image: url("../images/nav-icon_b.png"); background-position: -102px; background-repeat: no-repeat; }

.ty-pnav.baidi{background-color:#fff;}
.ty-pnav.baidi .ty-pnav-wrap::after{ height:0;}

.ty-header .focus-text-box{ width:100%; position:absolute;height: 100%; left:0;top: 0;}
.ty-header .focus-text-box .more-box{ text-align:center; position:absolute; bottom:20px; left:0; width:100%;}
.ty-header .focus-text-box .more-box a{display:inline-block; padding-left: 24px;background-size: 16px; background-repeat:no-repeat; background-position: left center; background-image: url("../images/banner-more.png"); color:#fff; font-size: 12px; line-height: 24px; }
.ty-header .focus-text-box .wrap{ display:flex; align-items: center;height: 100%;}
.ty-header .focus-text{color:#fff;width:60%;}
.ty-state{position: relative; border-bottom: 1px solid #dedede;}
.ty-state .qrcode{ position: absolute; right: 0; top: 60px; width:150px; height:150px; background-image: url(../images/qrcode_loading.svg);background-repeat: no-repeat;background-position: center; }
/*手机菜单*/
.neirong{display: none;} 
.buttonpush{display: none;}
/*底部样式开始----------------*/
/*项目需求*/
.ty-contact{background: url(../images/contact_bg.png ); ;padding:60px 0 60px;; color: #333333; }
.ty-contact .ty-text-1{font-size: 24px; margin: 15px 0;}
.ty-contact .ty-text-2{font-size: 40px;margin: 15px 0; width: 60%;}
.ty-contact .ty-button{ 
    cursor: pointer; margin: 15px 0;padding:0 60px; border:1px solid #181818; color:#181818;font-size: 14px; line-height: 52px; display:inline-block; background-color: #fff;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}
.ty-contact .ty-button:hover{ background-color: #181818; color:#fff;}
.ty-footer{padding-top: 60px;background: #fff; color:#000;}
.ty-footer .foot{padding-top: 150px; color:#4d4d4d; font-size: 12px;padding-bottom: 20px;line-height:24px;vertical-align:middle;}
.ty-footer .foot .foot-l{font-family: Arial; }
.ty-footer .foot-r a{margin-right: 10px;color:#4d4d4d;vertical-align:top; }
.ty-footer .foot-r span{vertical-align:top;}

.ty-footer .footer-wrap{margin-top: 120px;}
.ty-footer .footer-wrap .footer-copyright{ display:flex; align-items:center; justify-content:space-between; box-sizing:border-box;padding:15px 0 10px; border-bottom:1px solid #787878; font-size:12px; color:#AAAAAA;}
.ty-footer .footer-wrap .footer-copyright .copyright-icp a{color:#AAAAAA;}
.ty-footer .footer-wrap .footer-link{ display:flex; align-items:center; justify-content:space-between; box-sizing:border-box;padding:10px 0 15px 0;font-size:10px; color:#555555;}
.ty-footer .footer-wrap .footer-link .link-wrap a{color:#555555;}

/*底部样式结束---------------------*/
/*公共样式结束----------------*/
/*案例--------------*/
.case-title{ padding-top: 80px;padding-bottom: 40px; margin-bottom:40px; font-size:16px;}
.case-title .label,.case-title .default-name-arrow{ display: none;}
.case-title a{border-bottom: 1px solid rgba(0, 0, 0, .0); color:#888; margin-right: 37px;}
.case-title a.news-on,
.case-title a:hover{border-bottom: 1px solid rgba(0, 0, 0, 1); transition: all .5s; color: #000; font-weight: normal;}

.case-content ul{ display:flex; justify-content: space-between; flex-wrap: wrap;}
.case-content li{width: calc(33.33% - 36px);  margin-bottom: 5px; position: relative;}
.case-content li a{display: block;background:#dedede url("../fonts/loading.svg") no-repeat center;}
.case-content .hd{min-height: 40px;color:#333; margin-top:20px; margin-bottom: 45px;}
.case-content .hd .title{ font-size:16px;}
.case-content .hd .desc{margin-top:10px;font-size:12px;color:#999;}
.case-content .pic{overflow: hidden;}
.case-content .pic img{width: 100%;background:#dedede url("../fonts/loading.svg") no-repeat center;
-webkit-transition: all .5s;
   -moz-transition: all .5s;
    -ms-transition: all .5s;
     -o-transition: all .5s;
        transition: all .5s;}
.case-content .pic:hover img{ 
-webkit-transition: all 5s;
   -moz-transition: all 5s;
    -ms-transition: all 5s;
     -o-transition: all 5s;
        transition: all 5s;
-webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
     -o-transform: scale(1.1,1.1);
        transform: scale(1.1,1.1);
}
.case-loading{ text-align:center; margin:0 0 50px; padding: 0 60px;display:none;}

/*IE 版本低 提示窗口 --------------*/
#browser-warning{position: fixed;bottom: 0%;left: 0%;width: 100%;background:#faf1a5;z-index:1001;text-align:center;color:#222;font-size:14px;line-height:3em;height:3em;overflow: hidden;}  
#browser-warning>.close-btn{font-size:26px;color:#d9534f;float:right;position:absolute; top:-1px;right:10px;}

/* 单页模版 ------------- */
.ty-singlepage {padding: 80px 0;border-bottom: 1px solid #dedede; overflow:hidden;}
.ty-singlepage h2 {font-size: 28px; font-weight: normal; color: #000; padding-bottom: 50px;}
.sp-mod1 .des {color:#333;line-height: 30px; width: 32%; margin-right: 4%;float:left;}
.sp-mod1 .modList {width: 64%;float:right;}
.sp-mod1 .modList li {float:left;width:16.6666%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;
margin-top:15px;}
.sp-mod1 .modList li:not(:first-of-type) {border-left: solid 1px #dfdfdf;}
.sp-mod1 .modList h3 {font-size: 48px;  color: #444; line-height: 1;	}
.sp-mod1 .modList h6 {font-size: 14px; color: #888; line-height: 1; text-transform: uppercase;font-weight:normal;margin-top:15px;}
.sp-mod2 .modList ul {display:flex; flex-wrap:wrap; margin:-30px;}
.sp-mod2 .modList li {width:25%; text-align:center;}
.sp-mod2 .modList .item {margin:30px; height:100%; position:relative; border-radius:20px;}

.sp-mod2 .modList h3 {display: flex; justify-content: center; align-items: center;font-size:18px; font-weight:normal;margin:20px;  border-radius:20px; position:relative;} 

.sp-mod2 .item>p {line-height:1.8; color:#444; text-align:center;}

.sp-mod3  {overflow:hidden;}
.sp-mod3 ul { margin-top:-60px;}
.sp-mod3 li {width: 30%; *width: 29.95%; margin-right: 5%; float: left;}
.sp-mod3 li:nth-of-type(3n) {
    margin-right: 0;
}
.sp-mod3 li:nth-of-type(n+4)  {border-top: 1px solid #dedede;}
.sp-mod3 li:nth-of-type(n+4)  .item {padding-bottom:0;}
.sp-mod3 li .item {padding:60px 0;}
.sp-mod3 h3 { font-size:18px; font-weight:normal;}
.sp-mod3 .item>p {line-height:1.8; margin-top:20px;}

.sp-mod4 ul {display:flex; flex-wrap:wrap; margin:-30px;}
.sp-mod4 li {width:16.6666%; text-align:center;}
.sp-mod4 .item {margin:30px;}
.sp-mod4 img {width:80px;}
.sp-mod4 h3 {margin:20px 0; font-size:18px;}

.sp-mod5 .modList>ul {margin-top:-40px;}
.sp-mod5 {border-top: 1px solid #dedede; border-bottom:none;}
.sp-mod5 .modList>ul>li {padding:20px 0; margin:20px 0; border-bottom:1px dashed #dfdfdf;	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative;}
.sp-mod5 h3 {font-size:18px;}
.sp-mod5 h3>a {display:inline-block; color:#333; -webkit-transition: transform .7s;-moz-transition: transform .7s;-ms-transition: transform .7s;-o-transition: transform .7s;transition: transform .7s;}
.sp-mod5 h3>a:hover {color:#000; 
-webkit-transform:translateX(10px);transform:translateX(10px);}
.sp-mod5 .item {width:1180px; max-width:100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding-right:180px; position:relative;}
.sp-mod5 .item>p {margin:20px 0; line-height:1.8; color:#666;}
.sp-mod5 .item>span {color:#999; font-size:12px; position:absolute; top:0; right:0;}

.sp-mod5  .zhishiku {
    width: 30%;
    *width: 29.95%;
    margin-right: 5%;
    float: left;
    min-height: 250px;
    padding-bottom: 30px;
}
.sp-mod5  .zhishiku:nth-of-type(3n) {
    margin-right: 0;
}
.sp-mod5 .zhishi{
    position: static;
    height: 310px;
    width: auto;
    
    border:none;
    display: block;
    z-index: 999;
    background-color: #fff;
}
.sp-mod5 .zhishi li {padding:5px 0;
white-space:nowrap;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis'); overflow:hidden;display:block;
}
.sp-mod5  .zhishi-hd {display:block; font-size:18px;}

.sp-mod6 ul {display:flex; flex-wrap:wrap; margin:0 -50px;}
.sp-mod6 li {width:50%;}
.sp-mod6 .item {margin:0 50px; line-height:2;}

.dg-mod3  li {text-align:center;}
.dg-mod3 .item {display:inline-block; width:220px; max-width:calc(100% -100px); margin-left:100px; position:relative; text-align:left;}
.dg-mod3 img {width:80px; position:absolute; top:60px; left:-100px;}



@media (min-width:1200px) {
/*公共样式开始-------------*/
    /*头部样式*/
.ty-state {padding-top: 100px;padding-bottom: 100px; }
.ty-state p{line-height: 30px; width:820px;}
    /*底部样式*/
.ty-footer .contact-name li{font-size: 22px;}

}

@media (max-width:1100px) {
    .ty-pnav .ty-pnav-wrap a{ margin:0 10px;}
}

@media (min-width:769px) and (max-width:1199px) {
    /*公共样式开始-------------*/
    /*头部样式*/
    .ty-header .focus-text{ bottom: 70px;}
    .ty-state {padding-top: 80px;padding-bottom: 80px; }
    .ty-state p{line-height: 30px; width: 80%;}
        /*底部样式*/
    .ty-footer .contact-name li{font-size: 20px;}


    /*公共样式结束----------------*/ 
    .case-title{padding-top: 50px;}
    .case-title dl{width: 86px;}

    .case-content li{width: calc(33.33% - 2.5px); }
    .case-content .hd{left: 15px; bottom:10px;z-index:5;}
    .case-content .hd .title{line-height:24px; font-size:14px;}
    .case-content .hd .desc{line-height:24px; font-size:10px;}

    .ty-header .focus-text .p2{font-size: 40px;}
    .ty-header .focus-text .p3{font-size: 40px; width:56%;}
    .ty-header .focus-text{bottom:50px;}
}

@media (max-width:660px){
    .ty-contact .ty-text-2{font-size: 24px!important;}
	.case-content li{width:100%; }
    .case-content .hd{left: 15px; bottom:10px;z-index:5;margin-bottom: 20px;}
    .case-content .hd .title{font-size:14px; line-height: 18px;}
    .case-content .hd .desc{font-size:10px; line-height:  18px;}

    .ty-footer .contact-wrap{flex-flow:column;}
    .ty-footer .contact-wrap .contact-item{ margin-top: 20px;}
    .ty-footer .contact-wrap .contact-item .contact-name{font-size: 16px; }
    .ty-footer .contact-wrap .contact-item .contact-qrcode{text-align: left; }
    .ty-footer .contact-wrap .contact-item .contact-qrcode-text{width: 140px;}
    .ty-footer .footer-wrap{margin-top:20px;}
    .ty-footer .footer-wrap .footer-copyright,
    .ty-footer .footer-wrap .footer-link{flex-flow:column;align-items: unset;}
}

@media (max-width:768px) {
/*公共样式开始-------------*/
    /*头部样式*/
.ty-header{}
.ty-header .slider .item {height:300px !important;}
.ty-header .pfocus video{width: 100%;height: auto;display: none;}
.ty-pnav{display: none;}   
.ty-header .afocus{display:block; background-color: #000;} 
.ty-header .afocus img{width:100%; height:100%;}
.ty-header .focus-text{ bottom: 30px;}
.ty-header .focus-text .p1{font-size: 18px;padding-bottom: 10px;}
.ty-header .focus-text .p2{font-size: 30px;}
.ty-header .focus-text .p3{font-size: 30px;width:100%;}


.ty-header .focus-text h1{position: relative; font-weight: normal;  border: none; font-size: 18px; color:#fff;margin-bottom:5px;}
.ty-header .focus-text .desc{ margin: 0 auto;  border: none; color: #fff; font-size:24px; margin-bottom:10px;}
.ty-header .focus-text .btn{ font-size: 14px; cursor: pointer; margin: 15px 0;padding:0 60px; border:2px solid #fff;line-height: 42px; display:inline-block;color: #fff;}
.ty-header .ty-pnav{ display: none;}

.ty-state {padding-top: 50px;padding-bottom: 50px; }
.ty-state p{line-height: 26px; width: 100%; color:#666;}
    /*底部样式*/
.ty-contact{padding:85px 0 45px;}
.ty-contact .ty-text-1{font-size: 18px; margin: 15px 0;}
.ty-contact .ty-text-2{font-size: 32px;margin: 15px 0; width: 100%;}
.ty-contact .ty-button{line-height: 42px;}

.floating{ width:100%; right:0 !important;}
.floating a{ margin:0 10px !important;}

.yzm {width:100%; margin-bottom:20px;}
/*手机菜单样式开始-----------*/
.neirong { display: block; position: fixed;width:100%; top: 0; z-index: 1000;overflow-y: auto; left: 0;touch-action: pan-y; -webkit-user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.neirong .neirong-bd{ padding-bottom: 20px; padding-top: 50px;padding-left: 50px;padding-right: 50px; visibility: hidden;}
.neirong a {display: block; height:47px; line-height: 47px; color:#fff; font-size: 16px; border-bottom: 1px solid #333; 
-webkit-transition: all .35s ease-out;
   -moz-transition: all .35s ease-out;
    -ms-transition: all .35s ease-out;
     -o-transition: all .35s ease-out;
        transition: all .35s ease-out;}

.neirong a.neirong-on{color:#aaa;}

.neirong .neirong-bd .nav-icon-mobile{ display: flex; align-items: center; justify-content:space-between; margin-top: 20px;}
.neirong .neirong-bd .nav-icon-mobile a{ border-bottom: 0; display:flex;align-items: center;}
.neirong .neirong-bd .nav-icon-mobile a i{display: inline-block; width:23px; height: 23px; margin-right: 5px; }
.neirong .neirong-bd .nav-icon-mobile .about-icon{ background-image: url("../images/nav-icon_w.png"); background-position: 0; background-repeat: no-repeat;  }
.neirong .neirong-bd .nav-icon-mobile .news-icon{ background-image: url("../images/nav-icon_w.png"); background-position: -56px; background-repeat: no-repeat;}
.neirong .neirong-bd .nav-icon-mobile .contact-icon{ background-image: url("../images/nav-icon_w.png"); background-position: -110px; background-repeat: no-repeat; }




.content{overflow-x: hidden; left: 0; position: relative;}
.content.content-on{ left:120px;}
.neirong.neirong-on{left: 0;}
.body-on{position: relative;overflow: hidden;}
.html-on{overflow: hidden;}
.neirong-close{width: 24px;height: 24px;background:url(../images/nav_close.png) no-repeat 7px center; position: absolute;top:20px;left: 10px; visibility: hidden;}
.neirong.neirong-hide{
  background-color:rgba(0,0,0,.8); height:0;
    -webkit-transition:background 0.35s linear,height 0.25s ease-in 200ms;
       -moz-transition:background 0.35s linear,height 0.25s ease-in 200ms;
        -ms-transition:background 0.35s linear,height 0.25s ease-in 200ms;
         -o-transition:background 0.35s linear,height 0.25s ease-in 200ms;
            transition:background 0.35s linear,height 0.25s ease-in 200ms;
}
.neirong.neirong-show{
  background-color:#000; height:100%;}
.neirong.neirong-show .neirong-bd,.neirong.neirong-show .neirong-close{visibility: visible;}
.neirong.neirong-hide a{opacity: 0;
-webkit-transform: scale(1.1) translateY(-24px);
   -moz-transform: scale(1.1) translateY(-24px);
    -ms-transform: scale(1.1) translateY(-24px);
     -o-transform: scale(1.1) translateY(-24px);
        transform: scale(1.1) translateY(-24px);}
.neirong.neirong-show a{opacity: 1;-webkit-transform: none;
   -moz-transform: none;
    -ms-transform: none;
     -o-transform: none;
        transform: none;}
.neirong a:nth-of-type(2){ -webkit-transition-delay: 300ms,300ms; transition-delay: 300ms,300ms;}
.neirong a:nth-of-type(3){ -webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
.neirong a:nth-of-type(4){ -webkit-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;}
.neirong a:nth-of-type(5){ -webkit-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;}
.neirong a:nth-of-type(6){ -webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.neirong a:nth-of-type(7){ -webkit-transition-delay: 550ms,550ms; transition-delay: 550ms,550ms;}
.neirong a:nth-of-type(8){ -webkit-transition-delay: 600ms,600ms; transition-delay: 600ms,600ms;}
.neirong a:nth-of-type(9){ -webkit-transition-delay: 650ms,650ms; transition-delay: 650ms,650ms;}
.neirong a:nth-of-type(10){ -webkit-transition-delay: 700ms,700ms; transition-delay: 700ms,700ms;}
.neirong a:nth-of-type(11){ -webkit-transition-delay: 750ms,750ms; transition-delay: 750ms,750ms;}


/*手机版头部*/
.buttonpush{background:url("../images/buttonset.png") no-repeat center; width: 100%;height: 100%; display: block;} 
.buttonset{display: block;position:fixed;width: 60px;height: 60px;top:0;left: 0; z-index: 999;cursor: pointer;}
.buttonset .show{ background-color: rgba(0,0,0,.8); -webkit-transition: all .25s linear;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
.buttonset-black .buttonpush{background:url("../images/button_black.png") no-repeat center;}
.buttonset-black .buttonpush.show{background: rgba(0,0,0,.8) url("../images/buttonset.png") no-repeat center; -webkit-transition: all .25s linear;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
.mobile-logo{width:45px;height:45px;position:fixed;top:15px;right:15px; z-index: 999;}
.mobile-logo a{ background-image:url("../images/logo.png");background-repeat:no-repeat;background-position:center;background-size:45px;width:45px;height:45px;display:block;}
.mobile-logo.hide{ display:none;-webkit-transition: all .25s linear;
   -moz-transition: all .3s;
    -ms-transition: all .3s;
     -o-transition: all .3s;
        transition: all .3s;}
/*手机菜单样式结束*/
/*公共样式结束----------------*/    
/*首页内容样式开始--------------*/
.case-title{display: flex; align-items: baseline; justify-content: space-between;}
.case-title .label{display: inline-block;}
.case-title .default-name-arrow{ display:block;border-bottom: 1px solid #333;}
.case-title .ul{ height: 33px; line-height: 32px; overflow: hidden; position: relative;}
.case-title .ul.on{ height: auto;transition: all .7s;}
.case-title .ul .arrow-icon.up-arrow{transform: rotate(180deg);transition: all .3s;top:0px;}
.case-title .ul .arrow-icon{ 
    position: absolute; top:17px; right: 0; width: 32px; height: 30px;cursor: pointer;
    content: "";
    background: url(../images/b.png) center no-repeat;
    background-size: auto;
    background-position: center;
    transform: translate(0,-50%);
    transition: all .7s;
}
.case-title a{margin-right:0;padding-right: 32px; font-size: 16px!important; line-height: 42px;}
.case-title a span{display: none;}

/*首页内容样式结束--------------*/
}

/*----------------------------------内页样式---------------------------------*/
.ty-header-side{ width: 100%;height:100vh;}
.ty-header-side .focus img{width: 100%;height:100vh; background-position: center;background-repeat: no-repeat; background-size: cover;}

.ty-header.focus-show{height:auto;}
.ty-header.focus-show .focus{height: auto;}
.ty-header.focus-show .focus img{height: auto;}

.ty-header-side .focus-text{bottom: 70px;}

.ty-center{padding-top: 80px;border-bottom: 1px solid #dedede;}
.ty-center .ty-center-hd{width: 32%; margin-right: 4%;}
.ty-center .ty-center-hd h2{font-size: 28px;font-weight: normal;padding-bottom: 50px;}
.ty-center .ty-center-bd{width: 64%; }
.ty-center .ty-center-bd li{float: left; width: 45%;*width:44.95%;margin-right: 10%;padding-bottom: 100px;}
.ty-center .ty-center-bd li:nth-of-type(2n){margin-right: 0;}
.ty-center .ty-center-bd h3{font-size: 16px;padding-bottom: 20px;color:#000;font-weight: normal;}
.ty-center .ty-center-bd p{color:#373737;line-height: 30px;}
.related-case{padding-top: 60px;padding-bottom: 60px;}
.related-case h2{font-size: 28px;font-weight: normal;color:#000; padding-bottom: 50px;}

/*最新消息-----*/
.ty-news .news-hd{padding: 40px 0;}
.ty-news .news-hd a{margin-right: 20px; color:#474646;}
.ty-news .news-hd i{display: inline-block; margin-left: 10px; vertical-align: middle; width: 7px;height: 7px;background:url("../images/news_atr.png") no-repeat center; }
.ty-news a:hover,.ty-news a.news-on{color:#141414; font-weight: bold; }
.ty-news a:hover i,.ty-news a.news-on i{background:url("../images/index_atr.png") no-repeat center top;}
.ty-news .news-bd-content{border-bottom: 1px solid #dedede;}
.ty-news .news-bd-content li{padding-top: 40px; border-top: 1px solid #dedede; width: 30%;*width:29.95%;margin-right: 5%;float: left; min-height: 250px; padding-bottom: 30px;}
.ty-news .news-bd-content li:nth-of-type(3n){margin-right: 0;}
.ty-news .news-bd-content h2{font-size: 16px;padding-bottom: 25px;color:#010101;}
.ty-news .news-bd-content h2 a{color:#010101;}
.ty-news .news-bd-content p{color:#6f6f6f; line-height: 26px;padding-bottom: 40px;}
.ty-news .news-bd-page{padding-top: 40px;padding-bottom: 30px;}

.ty-news .news-bd-page li{ list-style: none; min-width: 30px;height: 30px;line-height: 30px;color:#5c5c5c;display: inline-block;font-size: 18px;}

.ty-news .news-bd-page li a{min-width: 30px;height: 30px;line-height: 30px;color:#5c5c5c;display: inline-block;font-size: 18px;}
.ty-news .news-bd-page li span{width: 30px;height: 30px;line-height: 30px;color:#000;display: inline-block;font-size: 18px;}
.ty-news .news-bd-page li a:hover,.ty-news .news-bd-page li a.current{color:#000;}

/*最新消息详情页*/
.ty-news-detail{padding-top: 80px;padding-bottom: 40px;overflow: hidden;}
.ty-news-detail .detail-hd{border-bottom: 1px solid #dedede;padding-bottom: 70px;}
.ty-news-detail .detail-hd-l{width: 60%; }
.ty-news-detail .detail-hd-r{width: 30%;}
.ty-news-detail .detail-hd-l .down p{color:#373737; line-height: 30px;}
.ty-news-detail .detail-hd-l .up{padding-bottom: 40px;}
.ty-news-detail .detail-hd-r p{color:#000;}
.ty-news-detail .ty-share {padding-top: 40px;}
.ty-news-detail .ty-share a{padding-left:0;width: 35px;height: 35px;display: inline-block;background: url("../images/share.jpg") no-repeat;margin-right: 20px;}
.ty-news-detail .ty-share a:nth-of-type(1){background-position: left center;}
.ty-news-detail .ty-share a:nth-of-type(2){background-position: -35px center;}
.ty-news-detail .ty-share a:nth-of-type(3){background-position: -70px center;}
.ty-news-detail .ty-share a:nth-of-type(4){background-position: -105px center;}
.ty-news-detail .ty-share a:nth-of-type(5){background-position: -145px center;}
.autofix_sb.fixed {position: fixed !important;left: auto;top: auto;right: auto;bottom: auto;overflow:auto;margin-top:100px;}
.autofix_sb.fixed.bottom {bottom: 0;position: absolute !important;}
.ty-link-case{padding-top: 40px;}
.ty-link-case a{color:#000;}
.ty-link-case .case-prev{padding-left: 20px; background:url("../images/atr_left.png") no-repeat left center;}
.ty-link-case .case-next{padding-right: 20px; background:url("../images/news_atr.png") no-repeat right center;}

/*案例详情页样式*/
.ty-case-detail{padding-bottom: 40px;}
.ty-case-detail .ty-state{padding-top: 60px;padding-bottom: 40px;}
.ty-case-detail .ty-state p{color:#6c6c6c;}
.ty-case-detail .ty-state a{color:#000; margin-top: 60px; display: inline-block; padding-right: 20px; background:url("../images/news_atr.png") no-repeat right center;font-size: 16px;}
.ty-case-detail .ty-case{padding-top: 90px; padding-bottom: 90px;border-bottom: 1px solid #dedede;}

.ty-case .focus{ width:100%; margin:0 auto; position:relative; overflow:hidden;   }
.ty-case .focus .hd{width: 100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;}
.ty-case .focus .hd ul{ overflow:hidden; height:5px;  margin: 0 auto;position: absolute;left: 50%; -webkit-transform: translate(-50%,0);
   -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
     -o-transform: translate(-50%,0);
        transform: translate(-50%,0);}
.ty-case .focus .hd ul li{ width: 5px;height: 5px;margin-right: 10px;background-color: #d6d6d6;float: left;padding-top: 5px;}
.ty-case .focus .hd ul .on{ background:#000;  }
.ty-case .focus .bd{ position:relative; z-index:0; }
.ty-case .focus .bd ul{}
.ty-case .focus .bd li{text-align: center; margin-bottom: 20px;}
.ty-case .focus .bd li img{ width:auto;  max-height:100%; text-align: center;}
.ty-case .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.ty-case .prev,.ty-case .next{position: absolute;top: 50%;margin-top: -18px;z-index: 100;left: 0;height:40px ;width:40px; border-radius:50%; border:1px solid #ccc;}
.ty-case .next{left: auto;right: 0;}
.ty-case .prev:after,.ty-case .next:after {content:""; display:block; width:10px; height:10px; border-top:1px solid #ccc; position:absolute; top:0; bottom:0; margin:auto;}
.ty-case .prev:after {border-left:1px solid #ccc; left:5px; right:0;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.ty-case .next:after {border-right:1px solid #ccc;  left:0; right:5px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

.ty-case .prev:hover,.ty-case .next:hover{border-color:#000; background-color:#000;}
.ty-case .prev:hover:after,.ty-case .next:hover:after {border-color:#fff;}

/* 2018 */
.init-pop {display:flex; position:fixed; top:0; left:0; z-index:-1; opacity:0; width:100%; height:100%; background-color:rgba(0,0,0,.9); justify-content: center; align-items: center; text-align:center; font-weight:bold; line-height:1.6; font-size:30px; color:#fff;}
.init-pop.tc {z-index:100000; opacity:1;
-webkit-transition:opacity .5s,z-index .5s;
-moz-transition:opacity .5s,z-index .5s;
-ms-transition:opacity .5s,z-index .5s;
-o-transition:opacity .5s,z-index .5s;
transition:opacity .5s,z-index .5s;
}
.init-pop::after {content: ""; width: 0; height: 100%;}
.init-pop .pop-cont {text-align:left;}
.btn-arera {width:345px; max-width:100%; display:flex; justify-content: space-between; align-items:center; align-content:center; margin:10px auto 20px;}
.btn-arera a {width:160px; height:40px; line-height:40px; text-align:center; font-weight:normal !important; font-size:16px; color:#fff; border:1px solid #fff; cursor:pointer; letter-spacing:2px;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}
.btn-arera a:hover {background-color:rgba(255,255,255,1); color:#000;}

.case-loading {display:block; height:52px; line-height:52px; border:2px solid #181818;  margin:60px auto; font-size:14px; color:#181818; text-align:center; cursor:pointer; position:relative;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
-o-transition:all .2s;
transition:all .2s;
}
.case-loading>img {display:none; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto;}
.case-loading.ing {border-color:#fff;}
.case-loading.ing>span{display:none;}
.case-loading.ing>img {display:block;}
.case-loading:not(.ing):hover {background-color:#181818; color:#fff;}


@media (max-width:1199px){
.ty-header-side .focus-text{bottom:50px;}
.ty-case .focus{}
.ty-case .focus .bd ul{}
.ty-case .focus .bd li{ height:400px;}


/* 单页模版 ------------- */
.sp-mod1 .modList h3 {font-size:36px;}

}
@media (max-width:1070px){
.ty-news-detail .detail-hd-l{width: 100%;float: none;}
.ty-news-detail .detail-hd-r{width: 100%;float: none;margin-bottom: 50px;}
.ty-news-detail .ty-share {padding-top: 20px;}
.pgwSlideshow .ps-current .ps-prev, .pgwSlideshow .ps-current .ps-next{width: 0;}


/* 单页模版 ------------- */
.sp-mod1 .des {width:100%;}
.sp-mod1 .modList {width:100%;}
.sp-mod2 .modList li {width:50%;}
.sp-mod3 li {
    width: 46%;
    margin-right: 8%;
    float: left;
}
.sp-mod3 li:nth-of-type(3n) {margin-right: 8%;}
.sp-mod3 li:nth-of-type(2n) {
    margin-right: 0;
}
.sp-mod3 li:nth-of-type(n+3) {
    border-top: 1px solid #dedede;
}
.sp-mod4 li {width:33.3333%;}
.sp-mod5 .zhishiku {
    width: 46%;
    margin-right: 8%;
    float: left;
    min-height:0;
}
.sp-mod5 .zhishiku:nth-of-type(3n) {margin-right: 8%;}
.sp-mod5 .zhishiku:nth-of-type(2n) {
    margin-right: 0;
}
.sp-mod5 .zhishi li:nth-of-type(n+6) {display:none;}
.sp-mod5 .zhishi {height:150px;}

}

@media (max-width:790px){
.ty-state .qrcode{ bottom: 40px; width:60px; height:60px; top: initial;}
}

@media (max-width:768px){

.ty-case .prev,.ty-case .next{display: none;} 

/* 2018 */
.init-pop.tc {font-size:24px;}
.btn-arera {width:275px;}
.btn-arera a {width:125px; height:36px; line-height:36px; font-size:15px;}
.case-loading {width:180px; height:42px; line-height:42px; } 



/* 单页模版 ------------- */
.sp-mod1 .modList li {width:33.333%;}
.sp-mod1 .modList li:nth-of-type(3n+1){
    border-left: none;
}
.sp-mod6 li {width:100%;}


}
@media (max-width:767px){
.ty-center{padding-top: 50px;}
.ty-center .ty-center-hd,.ty-center .ty-center-bd{float: none;}  
.ty-center .ty-center-hd{width: 100%;}
.ty-center .ty-center-bd{width: 100%; }
.ty-center .ty-center-bd li{padding-bottom: 40px; float: none; margin-right: 0; width: 100%;}
.ty-center .ty-center-hd h2{padding-bottom: 30px; font-size: 24px;}
.ty-center .ty-center-bd h3{padding-bottom: 15px;}
.ty-center .ty-center-bd p{line-height: 26px;}

.ty-news .news-bd-content li{width: 100%;margin-right: 0;min-height: auto; padding-bottom: 30px; padding-top: 30px; float: none;}
.ty-news .news-bd-page{padding-top: 30px;padding-bottom: 20px;}
.ty-news .news-bd-content h2{padding-bottom: 15px;}
.ty-news .news-bd-page a{width: 20px;}

.ty-news-detail{padding-top: 40px;padding-bottom: 20px;}
.ty-news-detail .detail-hd{padding-bottom: 30px;}
.ty-news-detail .detail-hd-l .up{padding-bottom: 20px;}
.ty-news-detail .detail-hd-l p{line-height: 26px;}
.ty-case-detail .ty-state p{width: 100%;}

.ty-case-detail .ty-case{padding: 50px 0;}

.related-case{padding-top: 30px;padding-bottom: 30px;}
.related-case h2{padding-bottom: 30px;}
.ty-news .news-hd i, .case-title i{vertical-align: initial;margin-left: 3px;}
.ty-news .news-hd a, .case-title a{font-size: 14px;display: block;}

.ty-case .focus{}
.ty-case .focus .bd ul{}
.ty-case .focus .bd li{ height:200px;}

.contact-main .weixin-r{ float:left;}
}
/*修改zzsc.css*/
footer div{border: 0;padding: 0;margin: 0;}
/*最后修改样式*/
.ty-state p{color:#373737;}

/*添加更多案例*/
.morecase{padding-top: 40px;padding-bottom: 40px; width: 100%; text-align: center;}
.morecase a{
    font-size: 14px; cursor: pointer; margin: 15px 0;padding:0 60px; border:2px solid #181818;line-height: 52px; display:inline-block;color: #333333;
    -webkit-transition: all .3s;
       -moz-transition: all .3s;
        -ms-transition: all .3s;
         -o-transition: all .3s;
            transition: all .3s;
}
.morecase a:hover{ background-color: #181818; color:#fff;}
.morecase .case-loading{display:inline-block;}


@media (min-width:768px){
.pfocus{display: block;}
.ty-header .pfocus video{display: block;}
.ty-header .afocus{display: none;}
}


/* 底部联系方式 */
#contactUs{float: left; width: 32%; margin-right: 4%;}
#contactUs #countrySelection {position: relative; }
#contactUs #countrySelector {position: relative; margin-left: -5px; top: -1px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #EFEBE8; }
#contactUs #countrySelection ul li {display: block; margin: 0 10px 20px 0;}
#contactUs p, #contactUs a{
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.contact-main{width: 64%; float: left;}
.contact-main .contact-bd{display: none;}
.contact-main .main-dizhi,.contact-main .main-dianhua{width: 100%;}
.contact-main .dizhi-l p,.contact-main .dianhua-l p{color:#373737; padding-bottom:5px;font-size: 16px;}
.contact-main .dizhi-l{padding-bottom: 20px;}
.contact-main .dianhua-r a.local,.contact-main .dianhua-r a.qq,.contact-main .dianhua-r a.weixin{width: 32px;height: 32px; background-position: center; background-repeat: no-repeat;display: block; background-color: #030303;}
.contact-main .dianhua-r a.local{background-image: url("../images/local.png");margin-top: 15px;}
.contact-main .dianhua-r a.qq{background-image: url("../images/qq.png");}
.contact-main .dianhua-r a.weixin{background-image: url("../images/weixin.png"); margin-top: 15px;}
.dianhua-r .floating{position: relative;right: 0;bottom:inherit;}

.contact-main .weixin-r { width:110px;}
.contact-main .weixin-r img{width:110px; height:110px;}
.contact-main .weixin-r p{font-size: 12px;text-align: center;padding-top: 10px; color:#999;}

.footer-base i{display: block; margin-bottom: 40px; font-weight: 700;}
.footer-base p{font-size: 16px;line-height: 1.8;}



@media (max-width:767px){

.ty-header .pfocus video{display: none;}
.ty-header .afocus{display: block; width: 935px;height: 375px;margin-left: -170px;}

.ty-header .focus-text{ width: 100%;}
.ty-header-side .focus{height: 375px;width: 935px;margin-left: -170px;}
.ty-header-side .focus img{}
.ty-header-side .focus-text{bottom:30px;}
.ty-link-case,.morecase{padding-top: 20px;}
}
/*页脚联系区*/

#contactUs{float: left; width: 32%; margin-right: 4%;}
#contactUs #countrySelection {position: relative; }
#contactUs #countrySelector {position: relative; margin-left: -5px; top: -1px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #EFEBE8; }
#contactUs #countrySelection ul li {display: block; margin: 0 10px 20px 0;}
#contactUs p, #contactUs a{
    color:#373737;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
.contact-main{width: 64%; float: left;}
.contact-main .contact-bd{display: none;}
.contact-main .main-dizhi,.contact-main .main-dianhua{width: 100%;}
.contact-main .dizhi-l p,.contact-main .dianhua-l p{color:#373737; padding-bottom:5px;font-size: 16px;}
.contact-main .dizhi-l{padding-bottom: 20px;}
.contact-main .dianhua-r a.local,.contact-main .dianhua-r a.qq,.contact-main .dianhua-r a.weixin{width: 32px;height: 32px; background-position: center; background-repeat: no-repeat;display: block; background-color: #030303;}
.contact-main .dianhua-r a.local{background-image: url("../images/local.png");margin-top: 15px;}
.contact-main .dianhua-r a.qq{background-image: url("../images/qq.png");}
.contact-main .dianhua-r a.weixin{background-image: url("../images/weixin.png"); margin-top: 15px;}

.dianhua-r .floating{position: relative;right: 50px;bottom:inherit;}



@media (max-width:768px ) {  
    #contactUs{float: none;width: 100%;margin-right: 0;margin-bottom: 50px;}
    #contactUs #countrySelection ul li{display: inline-block;margin-right: 30px; margin-bottom: 0;}
    #countrySelection-items{margin: 0; }

    .contact-main{float: none; width: 100%;}
    .contact-main .main-dizhi,.contact-main .main-dianhua{width:100%; float: none;}
    .dianhua-r .floating{bottom: inherit;}

    .foot-r{display:block; float:left;}

}
/*修改鼠标移上链接出现下划线*/
.morecase a i,.ty-case-detail .ty-state a i,.ty-link-case a i,.ty-header .baidi a i{background-color: #000;}
.ty-pnav a i{background-color: #fff;}
.morecase a,.ty-case-detail .ty-state a,.ty-link-case a,.ty-pnav a{ overflow: hidden; display: inline-block;}
.morecase a i,.ty-case-detail .ty-state a i,.ty-link-case a i,.ty-pnav a i{width: 100%; height: 1px; display: block;
-webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
     -o-transform: translateX(-100%);
        transform: translateX(-100%);} 
.ty-link-case a i{
-webkit-transform: translateX(-200%);
   -moz-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
     -o-transform: translateX(-200%);
        transform: translateX(-200%);}      
/*.morecase a:hover i,.ty-case-detail .ty-state a:hover i,.ty-link-case a:hover i,.ty-pnav a:hover i{
-webkit-transform: translateX(0);
   -moz-transform: translateX(0);
    -ms-transform: translateX(0);
     -o-transform: translateX(0);
        transform: translateX(0);
-webkit-transition: all .3s linear;
   -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
     -o-transition: all .3s linear;
        transition: all .3s linear;}*/

/*页脚列表样式*/
.zhishiku,.blogroll{position: relative;}
.zhishi,.blogrolllist{position: absolute; height:300px; width: 315px;bottom: 30px;right:-257px; overflow-y: auto; overflow-x: hidden; border: 1px solid #bbb; display: none; z-index:999;background-color:#fff;}
.zhishi::-webkit-scrollbar-track-piece,
.blogrolllist::-webkit-scrollbar-track-piece {width:5px;background-color:#f8f8f8;} 
.zhishi::-webkit-scrollbar,
.blogrolllist::-webkit-scrollbar {width:5px;background-color:#999;} 
.zhishi::-webkit-scrollbar-thumb,
.blogrolllist::-webkit-scrollbar-thumb {width:5px;background-color:#aeaeae;} 
.zhishi::-webkit-scrollbar-thumb:hover,
.blogrolllist::-webkit-scrollbar-thumb:hover
 {width:5px;background-color:#999;} 
.foot .zhishi-bd{padding: 10px;}
.foot .zhishi-bd li{line-height: 24px;}
.foot .zhishi-bd a{ -webkit-transition: -webkit-transform .2s linear; -moz-transition: -moz-transform .2s linear; -o-transition: -o-transform .2s linear; transition: transform .2s linear;font-size: 14px;color:#373737; display: block; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.foot .zhishi-bd a:hover { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px);text-decoration:line-through;}

.ty-footer .foot-r .zhishiku,
.ty-footer .foot-r .blogroll{display: inline-block;}
.zhishi-hd{padding: 20px 0;}


/*浮动窗口样式*/
.floating{position: fixed;bottom: 20px;right: 4%;min-width:208px;text-align: center;z-index: 100;height: 42px;}
.floating a{width: 42px;height: 42px; margin:0 5px;border-radius:21px;background-color:#000; display: inline-block; /*filter:alpha(opacity=60);*/background-repeat: no-repeat; background-position: center center; vertical-align: middle; overflow: hidden; line-height: 38px; margin-bottom: 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #000;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.floating a.float-phone{background-image:url(../images/layout_phone.png);-webkit-background-size:19px 18px;background-size:19px 18px;}
.floating a.float-qq{background-image:url(../images/layout_qq.png); -webkit-background-size: 18px auto; background-size: 18px auto;}
.floating a.float-wxqr{overflow:inherit;background-image:url(../images/wxgf.png); -webkit-background-size: 20px auto; background-size: 20px auto;}
.floating a.float-message{background-image:url(../images/float_message.png);-webkit-background-size: 17px 17px; background-size: 17px 17px; }
.floating a span{color:#fff;margin-left: 30px;display: none;
    -webkit-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
       -moz-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
        -ms-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
         -o-transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);
            transition: all .5s cubic-bezier(0.15, 0.65, 0.58, 0.99);}
.floating a.float-phone span{font-size: 16px;}
.floating a.float-wxqr span{margin-top: -120px;margin-right: 15px;margin-left: 0px;}
.wxqr_mask {z-index: 999;width: 116px;height: 116px;padding: 4px;position: fixed;margin-left: -60px;margin-top: -60px;left: 50%;background: #fff;top: 50%;overflow: hidden;text-align: center;display: none;}
.wxqr_bg {background-color: #000;position: fixed;z-index: 99;left: 0;top: 0;display: none;width: 100%;height: 100%;opacity: 0.3;filter: alpha(opacity=30);-moz-opacity: 0.3;}

/*建站套餐窗口样式*/
#package_cover {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 133%;
	background-color: white;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: 0.80;
	filter: alpha(opacity=80);
}
#package_code {
	width: 480px;
	min-height: 480px;
	margin-top: 10px;
	margin-left:-210px;
	position:absolute;
	left:50%;
	background-color: #fff;
	display: none;
	z-index: 1002;
	box-shadow:0 0 20px #ccc;
}
.package_close {
	width: 100%;
	height: 50px;
	position:relative;
}
.package_close #package_close_btn {
	position: absolute;
	top: 28px;
	right:28px;

}
.package_html {
	padding:0 40px 40px;
	font-family: "Microsoft YaHei";
	display:none;
}
.package_html.on{
	display:block;
}
.package_html h2{
	font-size: 32px;
	padding:0 0 15px 0;
	margin:0;
	border-bottom: 1px solid #000;

}
.package_html h4{
	font-size: 16px;
	padding:0 0 10px 0;
	margin:0;	
}
.package_html .package_box{
	overflow:hidden;
	padding:20px 0;
	font-size: 14px;
	line-height: 24px;
	color:#333;
	border-bottom:1px solid #ccc;
}
.package_html .package_box.noborder{
	border-bottom:none;
}
.package_html .package_box .label{
	width:49.5%;
	float:left;
}
.package_html .package_box .value{
	width:49.5%;
	float:right;
}
.package_html .consult_btn{
	padding-top: 10px;
}
.package_html .consult_btn a{
	width:100%;
	height:52px;
	line-height: 52px;
	text-align: center;
	background-color: #040404;
	display:block;
	text-decoration: none;
	color:white;
	border: 2px solid #040404;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.package_html .consult_btn a:hover{background-color: #fff;color:#040404;}



@media (min-width: 751px) {
    .floating a:hover{background-position: 15px center;}
    .floating a.float-qq:hover{width: 146px;}
	.floating a.float-wxqr:hover{background-position:center;}
	.floating a.float-wxqr:hover span {display:inline-block; width:116px;height:116px;background:#fff; border:2px solid #fff;position: absolute; z-index:99;top:-20px;right:50px; padding:5px;}
	.floating a.float-wxqr:hover img{ width:116px;height:116px; }
    .floating a.float-phone:hover{width: 170px;}
    .floating a.float-message:hover{width: 170px;}
    .floating a:hover span{display: block;}
}
@media (max-width: 750px) {
    .floating a:hover{width: 42px;}
	.floating a:hover span{display:none;}
	.mobile-bottom{width: 100%;display: block;bottom: 0;margin-top: 20px;margin-bottom: -20px;}
}


/*qq弹窗*/
.qq-main{height: 172px;width: 327px; background-repeat: no-repeat;background-image: url(../images/float_qq_bg.png);position: fixed;top: 50%;z-index: 20; left: 50%; margin-top: -86px; margin-left: -163px; display: none;}
.qq-main .btn{position: absolute;}
.qq-main .launchBtn {top: 145px; left: 173px; width: 69px; height: 22px; }
.qq-main .laterBtn {top: 145px; left: 248px; width: 69px; height: 22px;}
.qq-main .closeBtn {top: 0; right: 6px; width: 39px; height: 26px;}
.qq-main .title {position: absolute; top: 1px; left: 17px; height: 30px; line-height: 30px; font-size: 16px; color: #000; }
.qq-main .content {position: absolute; top: 45px; left: 114px; width: 203px; height: 85px; }
.qq-main .content .msg {font-size: 12px; color: #000; line-height: 25px; }

@media (max-width: 768px) {
    .qq-main{display: none !important;}  
}

@media (max-width:640px){
	#package_code {width: 100%;margin-left:0px;left:inherit;box-shadow:none;}
	.package_html {padding: 0 10px 30px;}
	.package_html h2{font-size: 24px;}
	.package_html h4{font-size: 16px;}
	.package_html .package_box{font-size:14px;}
	.package_html .consult_btn a{height:52px;line-height:52px;}
	#package_cover{background:#000;opacity:.8;}
	.app_qq{display:none;}
	
    .ty-singlepage {padding:40px 0;}
    .sp-mod1 .modList h3 {font-size:28px;}
    .sp-mod2 .modList ul {margin:-15px;}
    .sp-mod2 .modList .item {margin:15px;}
    .sp-mod3 li .item {padding:30px 0;}
    .sp-mod3 ul {margin-top:-30px;}
    .sp-mod4  ul {margin:-15px;}
    .sp-mod4 .item {margin:15px;}
    .sp-mod3 li {width:100%; text-align:left;}
    .dg-mod3 img {top:30px; left:-80px; width:60px;}
    .sp-mod4 img {width:60px;}
}
/* 新增推荐文章2019.10.21 */
@keyframes myfirstColor
{
from {background-color:#000;}
to {background-color:#fff;}
}
@keyframes myfirstColorS
{
from {background-color:#fff;}
to {background-color:#000;}
}

.news_recommend {  width: 100%; display: flex; justify-content: space-between; height: 595px; margin-top:5px; }
.news_recommend_main{ background: #e4e4e4;width: calc(50% - 2.5px); height: 595px; box-sizing: border-box; padding-left:4%;}
.news_recommend_main:nth-child(2){background: #787878; border-right: 1px solid #dedede; }
.news_recommend_main h1{position: relative; font-weight: normal;  padding-bottom: 15px; border: none; font-size: 24px; color:#333; margin-top: 230px;}
.news_recommend_main:nth-child(2) h1{color:#fff;}
.news_recommend_main .news_recommend_main_desc{ margin: 0 auto;  border: none; padding: 23px 0;}
.news_recommend_main .news_recommend_main_desc p{ color: #333; font-size:40px;}
.news_recommend_main:nth-child(2) .news_recommend_main_desc p{ color: #fff; }
.news_recommend_main .news_recommend_main_btn{ font-size: 14px; cursor: pointer; margin: 15px 0;padding:0 60px; border:2px solid #333333;line-height: 52px; display:inline-block;color: #333333;}
.news_recommend_main:nth-child(2) .news_recommend_main_btn{border:2px solid #fff;color:#fff;}


.ty-index .case-content .morecase{ text-align: center !important;}
@media (max-width: 750px) {
    .news_recommend { flex-flow:column; height: auto; }
    .news_recommend_main{ width:100%; height: 595px;  padding-left:4%;}
    .news_recommend_main h1{margin-top: 330px; font-size:18px;}
    .news_recommend_main .news_recommend_main_desc p{ font-size:24px;}
    .news_recommend_main .news_recommend_main_btn{line-height: 42px;}
    .morecase a{ line-height: 42px; }
}
.twoTm{font-size: 14px;line-height: 2.2em;}



/*首页新增*/
 .home-banner{ width: 100%; height: 100vh;}
    .home-banner .item{ position: relative; width: 100%;height: 100vh; background-size:cover; background-repeat: no-repeat; background-position: center; }
    .home-banner .item video{position:absolute;top: 0;left:0; width:100%; height:100vh; z-index: 1;object-fit: cover;}
    .home-banner .item .item-text-box{ display: flex; align-items: center; height: 100vh;z-index: 2;position: relative;}
    .home-banner .item .item-text{ box-sizing: border-box; width: 60%; }
    .home-banner .item .item-text h1{position: relative; font-weight: normal;  padding-bottom: 10px; border: none; font-size: 24px; color:#fff;}
    .home-banner .item .item-text .desc{margin: 0 auto;  border: none; padding: 23px 0;color: #fff; font-size:54px;}
    .home-banner .item .item-text .btn{font-size: 14px; cursor: pointer; margin: 15px 0;padding:0 60px; border:2px solid #fff;line-height: 52px; display:inline-block;color: #fff;-webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
    .home-banner .item .item-text .btn:hover{background-color: #fff; color:#222;}
    @media (max-width:767px){
        .home-banner .item .item-text{ width: 100%;}
        .home-banner .item .item-text h1{font-size: 18px; }
        .home-banner .item .item-text .desc{font-size:32px;}
    }

/*view_aricle新增*/
.news-tj {
                        width:100%;
                        background:#fff;
                    }
                    .news-tj .title {
                        font-size:18px;
                        line-height:24px;
                        color:#c3c3c3;
                    }
                    .news-tj .list {
                        margin-top:10px;
                    }
                    .news-tj .list li {
                        border-bottom:1px dashed #ccc;
                        padding-bottom:25px;
                        margin-bottom:13px;
                    }
                    .news-tj .list li:last-child {
                        margin-bottom:0;
                        border-bottom:none;
                    }
                    .news-tj .list li a {
                        width:100%;
                        display:block;
                    }
                    .news-tj .list li .t1 {
                        font-size:16px;
                        line-height:50px;
                        color:#222;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                    .news-tj .list li:hover .t1 {
                        color:#000;
                    }
                    .news-tj .list li .t2 {
                        font-size:14px;
                        line-height:24px;
                        color:#666;
                        margin-top:8px;
                    }
                    .news-tj .list li .t3 {
                        font-size:14px;
                        line-height:24px;
                        color:#999;
                        margin-top:7px;
                    }
                    @media (max-width: 1070px){
                        .news-tj {
                            margin-top: 50px;
                            padding-top: 50px;
                            border-top: 1px solid #ccc;
                        }
                    }



.hide{ display:none;}